<template>
  <div class="white_board">
      <div class="top_tool">
          <span>WhiteBoard</span>
          <a>UploadImage</a>
          <a>UploadDocument</a>
          <a>Capture</a>
      </div>
  </div>
</template>

<script>
export default {
  name: 'WhiteBoard',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App',
      value: ''
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang='less' scoped>
.white_board{
  .top_tool{
    height: 60px;
    width: 100%;
    background-color: #274582;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #ffffff;
    span{
      margin-left: 20px;
    }
    a{
      margin-left: 20px;
    }
  }
}

</style>
